@charst "UTF-8";

*{
  margin: 0;
  padding: 0;
}
body{
  background-color: #f4f4f4;
}
header .logo{
  position: absolute;
  left:80px;
  top:50px;
}
header{
  position: relative;
  height: 255px;
  width: 100%;
  text-align: center;
  background-color: #eee;
  background-image: url(../img/head2.jpg);
  background-size:100% auto;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 1354px;
}
header ul{
  display: inline-block;
  list-style: none;
  margin-top: 250px;
  min-width: 1016px;
}
header ul li{
  display: inline-block;
  line-height: 1.5;
  width: 120px;
  padding: 20px;
  margin: 20px;
  background-color: rgba(255,255,255,.6);
  border-radius: 5px;
  box-shadow: #333 0px 0px 10px;
}
header ul li i::before{
  font-size: 50px;
  color: #Ec6908;
}
header ul li a{
  padding: 5px 20px;
  border-radius: 5px;
  text-decoration: none;
  background-color: #Ec6908;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  transition: all 0.3s;
}
header ul li a:hover{
  background-color:  #00cf89;
}
footer{
  text-align: center;
  color: #888;
  clear: both;
}
nav{
  background-color: #Ec6908;
  overflow: auto;
  padding: 10px 0;
  min-width: 1020px;
}
nav div{
  margin: 0 auto;
}
nav div ul{
  list-style: none;
  float: right;
}
nav div li{
  display: inline-block;
}
nav div a{
  text-decoration: none;
  font-size: 0.9em;
  color: #fff;
  margin: 0 10px;
}
nav div a:hover{
  color: #00cf89;
}
#main{
  width: 960px;
  margin: 0 auto;
}
